﻿@using KRM.Core
@model KRM.Core.tblBook
<div class="row">
        <!-- BEGIN DRAGGABLE EVENTS PORTLET-->   
    <form method="POST" class="form-horizontal col-md-12" id="frEditRequestMobile">
        <input id="bookid" type="hidden" value="@Model.Id" name="id"/>
        <input id="datetimeNow" type="hidden"class="form-control date-picker" size="16" type="text" value="@DateTime.Now.ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
        <div class="form-group" >
            <div class="col-md-6">
                <div class="row" > 
                    <label class="control-label col-md-4">Start Date:</label>
                    <div class="input-icon col-md-8">
                        <i class="icon-calendar"></i>
                        <input id="startdate" name="startDate" class="form-control date-picker" size="16" type="text" value="@Model.StartDate.ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                    </div>
                </div>

            </div>
            <div class="col-md-6">
                <div class="row" > 
                    <label class="control-label col-md-4">End Date:</label>
                    <div class="input-icon col-md-8">
                        <i class="icon-calendar"></i>
                        <input id="enddate" name="endDate" class="form-control date-picker" size="16" type="text" value="@Model.EndDate.ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                    </div>
                </div>
            </div>
        </div>
                
        <div class="form-group">
            <label class="control-label col-md-2"> Book Type</label>
            <div class=" col-md-10">
                @Html.DropDownList("Types",null,new{@class="form-control",@id="bookTypes"})
            </div>
        </div>
        <div  class="form-group">
            <label class="control-label col-md-2">Reason</label>
            <div class=" col-md-10">            
                <textarea id="eventReason" style="resize:none" rows="4" name="reason" class="form-control" required="required" aria-valuetext="">@Model.Reason</textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-12" id="msg-checkconflict">
            </div> 
        </div>   
                     
        <hr />
        <div class="form-group">
            <div class="col-md-12">                                                    
                <button id="addRequestsubmitMobile" class="btn green" type="Submit">Submit</button>
                <button class="btn blue" type="button" onclick="getMsgCheckConflictMoblie()">Check Conflict</button>
            </div>   
        </div>
    </form>           
</div>
